<template>
  <div class="">
    <el-tabs v-model="activeName">
      <el-tab-pane :label="$t('config.channel.WxAppOpeningInstructions')" name="WxAppOpeningInstructions">
        <micro-letter></micro-letter>
      </el-tab-pane>
      <el-tab-pane :label="$t('config.channel.WxAppManagement')" name="WxAppManagement">
        <webChatAppManage></webChatAppManage>
      </el-tab-pane>
      <el-tab-pane :label="$t('config.channel.webchatDayManage')" name="DayManage" >
        <DayManage :manageType="manageType"></DayManage>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
  import microLetter from './microLetter.vue'
  import webChatAppManage from './webChatAppManage.vue'
  import DayManage from '../base/webchatManage'
  export default {
    name: 'ChannelSkillGroup',
    data () {
      return {
        activeName: 'WxAppOpeningInstructions',
        menu: [
          {name: this.$t('config.channel.channelSkillGroup'), value: 'channelSkillGroup'},
          {name: this.$t('config.channel.callCustomerService'), value: 'callCustomerService'}
        ],
        manageType: 'wechatMini'
      }
    },
    components: {
      microLetter,
      webChatAppManage,
      DayManage
    },
    methods: {
    },
    beforeMount () {
    }
  }
</script>
<style lang="stylus" scoped>
  @import "../../../../../assets/common.styl"
  .we-chat-authorize
    overflow-y auto
</style>
